<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Card Demo | Onsen UI</title>
  <link rel="stylesheet" href="../../build/css/onsenui.css">
  <link rel="stylesheet" href="../../build/css/onsen-css-components.css">

  <script src="../../build/js/onsenui.js"></script>

</head>

<body>
  <ons-page>
    <ons-toolbar>
      <div class="center">Card</div>
    </ons-toolbar>

    <br>

    <ons-card>
      <img src="https://monaca.io/img/logos/download_image_onsenui_01.png" alt="Onsen UI" style="width: 100%">
      <div class="title">
        Awesome framework
      </div>
      <div class="content">
        <div>
          <ons-button><ons-icon icon="ion-thumbsup"></ons-icon></ons-button>
          <ons-button><ons-icon icon="ion-share"></ons-icon></ons-button>
        </div>
        <ons-list>
          <ons-list-header>Bindings</ons-list-header>
          <ons-list-item>Vue</ons-list-item>
          <ons-list-item>Angular</ons-list-item>
          <ons-list-item>React</ons-list-item>
        </ons-list>
      </div>
    </ons-card>
    
  </ons-page>
</body>
</html>
